#example .fixed.launch.button {
position: fixed;
top: 63px;
left: -1px;
width: 55px;
height: auto;
white-space: nowrap;
overflow: hidden;
-webkit-transition: 0.3s width ease,0.5s transform ease;
-moz-transition: 0.3s width ease,0.5s transform ease;
-o-transition: 0.3s width ease,0.5s transform ease;
-ms-transition: 0.3s width ease,0.5s transform ease;
transition: 0.3s width ease,0.5s transform ease;
}

#example.index .masthead {
position: relative;
overflow: hidden;
text-align: center;
padding: 0em;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0px;
border-bottom: none;
background-color: #00B5AD;
background-position: 50% 50%;
background-image: -webkit-radial-gradient(farthest-corner,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.95));
background-image: radial-gradient(farthest-corner,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.95));
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-ms-transition: background-color 3s ease-in-out 1s;
-moz-transition: background-color 3s ease-in-out 1s;
-webkit-transition: background-color 3s ease-in-out 1s;
transition: background-color 3s ease-in-out 1s;
}

.ui.fixed.menu+.ui.grid, 
.ui.fixed.menu+.pusher {
padding-top: 2.75rem;
}

@font-face{font-family:openquran;src:url(fonts/openquran.ttf);}
@font-face{font-family:Samarqand;src:url(fonts/Samarqand.ttf);}
body {
    #position: relative;
    #padding-top:70px; 
    #min-height:2000px; 
    #max-width:1382px;
    margin:0;
    #background:#EFEFE4;
    background-color:rgba(250, 250, 250, 1);
}

/*
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #FFF;
    margin: 0;
    display: block;
}
*/

.cust-page-header {
    padding-top: 50px;
    padding-bottom: 9px;
}

.clear-padding-horiz{
    padding-left:0;
    padding-right:0;
}

.clear-padding-vert{
    padding-top:0;
    padding-bottom:0;
}

/*
*/

tr.selected{background: gray}
.starter-template {
    padding: 20px 0 0 0;
    #text-align: center;
    }
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.right {direction:rtl;}
.right li{float:right;}
.line{border-bottom:1px solid #ccc; margin-top:5px; margin-bottom:5px;}


divv.inspectOutput{
     background:white; position: fixed; 
     align: right;
     opacity:20%;
     z-index: 50;
     top:30px; right:500px;
     width:300px;
     height:70px;
     overflow: hidden;
     padding: 10px;
    #transition:width .2s, height .2s;
    -webkit-transition:width .5s, height .5s, -webkit-transform 1s; /* Safari */  
}

divv.inspectOutput:out{
    visible: none;

}
divv.inspectOutput:hover{
    width:600px; 
    height: 500px;
    #-webkit-transform:rotate(180deg);
}
td.activeBtn{ background:red}




/*Footer*/
/*
*/
.head {
border-bottom: 1px solid #757373;
font-size: 2em;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: .5em;
}

#footer {
    #position: absolute;
    position: relative;
    margin-top: -3em;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: whiteSmoke;
}
#footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
.container .text-muted {
    margin: 20px 200px;
}
.text-muted {
color: #999;
}


.container{
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto;
}

post{
    #box-shadow: 10px 10px 5px #888888;
    color:#666;
    background:#EFEFE4;
    #border-radius: 8px;
}
.post h1{color:maroon;} 
.post h3{color:maroon;} 
#blockquote{border-left: 5px solid white;}
code{color:#E7164B; font-size:100%;}


.post {
padding: 1 2% 5;
position: relative;
display: block;
margin-top: 10px;
/* margin-bottom: 10px; */
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 12px #535353;
border: 2px solid #D6D3C2;
background: #FFF;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #4C4439;
}

.org{
padding: 1 2% 5;
position: relative;
display: block;
margin-top: 10px;
/* margin-bottom: 10px; */
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
border: 1 solid #DFDFDF;
background: #FFF;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #4C4439;
}


read-more{
    position:relative;
    top: 10px;
}

.post-preview{
    height:500px;
    overflow:auto;
}
.comment{
    position: relative;
    padding-left:50px;

}

.del-comment{
    position:absolute;
    top:0px;
    right:0px;
}



.bs-glyphicons {
margin-left: 0;
margin-right: 0;
}

.bs-glyphicons {
#margin: 0 -19px 20px -16px;
overflow: hidden;
}


.bs-glyphicons-list {
padding-left: 0;
list-style: none;
}
.bs-glyphicons li {
width: 12.5%;
font-size: 12px;
}
.bs-glyphicons li {
    float: left;
    width: 50%;
    #height: 115px;
    #height: 60px;
    #padding: 10px;
    #margin:20px;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    border: 3px solid silver;
    background-color: #F9F9F9;
    #background-color: #EEE;
   	-webkit-box-shadow: inset 4px 5px 2px -2px black;
	   -moz-box-shadow: inset 4px 5px 2px -2px black;
	        #box-shadow: inset 6px 6px 6px -2px black;
	        box-shadow: inset 4px 5px 2px -2px black;
            
}

.bs-glyphicons li {
#font-size: 10px;
line-height: 1.4;
text-align: center;
}

.bs-glyphicons-list {
list-style: none;
}


.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word;
}

.center{
    text-align: center;
}

.hr-grid-center {
	width: 80%;
	height: 4px;
	border: 0;
	background: -webkit-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* W3C */
    #box-shadow: 0 2px 2px #727070;
}
.hr-grid-left {
    width: 100%;
    height: 2px;
    border: 0;
    background: -webkit-linear-gradient(left, rgba(0, 37, 254, 0.65) 0%,rgba(204, 0, 3, 0) 100%);
    background: -o-linear-gradient(left, rgba(233, 216, 22, 0.65) 0%,rgba(204, 0, 3, 0) 100%);
    background: -ms-linear-gradient(left, rgba(233, 216, 22, 0.65) 0%,rgba(204, 0, 3, 0) 100%);
    background: linear-gradient (left, rgba(233, 216, 22, 0.65) 0%,rgba(204, 0, 3, 0) 100%);
}

.shadow{
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px #535353;
    border: 2px solid #D6D3C2;
}
